<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
</style>
<link rel="stylesheet" type="text/css" href="../../themes/icon.css"></link>
<script type="text/javascript" src="../../jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="../../json2.js"></script>
<script type="text/javascript" src="../../agileloader.js"></script>
<script type="text/javascript">
	using("grid");
	using("inputiconbox");
</script>
</head>
<body>
	<div data-type="layout" data-define="fit:true,border:false">
		<div data-define="region:'north',border:false" style="height: 90px; padding: 2px" title="查询条件">
			<form id="ff" method="post">
				<table class="stable" cellpadding="1" cellspacing="1" style="padding-top: 1px; width: 100%">
					<tr>
						<td width="15%" class="stdlabel">文本录入框</td>
						<td width="15%" class="stdinput"><input data-type="inputbox" type="text" name="name" data-define="required:true,validType:'email'"></input></td>
						<td width="15%" class="stdlabel">日期</td>
						<td width="15%" class="stdinput"><input data-type="datebox" name="zhengshu" data-define="panelWidth: 200,required:true"> </input></td>
						<td width="15%" class="stdlabel">数字选择</td>
						<td width="15%" class="stdinput"><input data-type="numberspinner" type="text" name="email" data-define="min:10,max:100,increment:10,required:true,tipPosition:'left'"></input></td>
					</tr>
					<tr>
						<td colspan="4"></td>
						<td colspan="2"><div style="padding-top: 5px; margin: 0px 0;" align="right">
								<div style="float: right">
									<a href="javascript:void(0)" data-type="linkbutton" data-define="iconCls:'icon-reload'">清空</a>
								</div>
								<div style="float: right">
									<a href="javascript:void(0)" data-type="linkbutton" data-define="iconCls:'icon-search'">查询</a>
								</div>
							</div></td>
					</tr>
				</table>
			</form>
		</div>
		<div data-define="region:'center',border:false" title="XXX信息列表">
			<table id="dg" data-type="grid" title=""
				data-define="rownumbers:true,singleSelect:true,pageSize:12,pagination:true,
				method:'get',url: '../../demo/testdata/grid_data1.json',fit:true,fitColumns:true
				">
				<thead>
					<tr>
						<th data-define="field:'itemid',width:80">ID</th>
						<th data-define="field:'productid',width:200">产品名称</th>
						<th data-define="field:'listprice',width:80,align:'right'">成本</th>
						<th data-define="field:'unitcost',width:80,align:'right'">单价</th>
						<th data-define="field:'attr1',width:100">属性</th>
						<th data-define="field:'status',width:60,align:'center'">状态</th>
					</tr>
				</thead>
			</table>
		</div>
		<div data-define="region:'south',border:false" title="" style="height: 36px">
			<div style="padding-top: 3px; margin: 0px 0" align="right">
				<div style="float: right">
					<a href="javascript:void(0)" data-type="linkbutton" data-define="iconCls:'icon-cancel'">关闭</a>
				</div>
				<div style="float: right">
					<a href="javascript:void(0)" data-type="linkbutton" data-define="iconCls:'icon-ok'" onclick="setValueToForm()">确定</a>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
        function setValueToForm() {
        	$("#w").window("close");
	        using("form", function() {
		        $('#ff').form('load', 'static_resources/ui/jww/demo/testdata/form_data2.json');
	        });
        }
	</script>
</body>
</html>
